<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue的样式控制-class</title>
</head>
<body>
<div id="app">
    <div :class="{box:isBox,success:isSuccess}"></div> <!--对象语法-->
    <div :class="classes"></div><!--数据语法-->
    <div :style="style"><!--对象语言-->
        dd
    </div>
    <div :style="styles">hello</div>
</div>
</body>
<script src="../../../lib/vue.js"></script>
<script>
     new Vue({
         el:'#app',
         data:{
             isBox:true,
             isSuccess:true,
             classes:['box','success'],
             style:{
                 color:'red',
                 backgroundColor:'green'
             },
             styles:[
                 {
                     color:'red'
                 },{
                     backgroundColor:'green'
                 }

             ]
         }
     })

</script>

<!--v-once -->
</html>